<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>订单详情</title>
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/orderDetail.css">
    <style>
    body, html{font-family: PingFangSC-Regular, sans-serif;}
    </style>
</head>

<body>
    <div class="orderDetail">
        <div class="goods_box">
            <div class="goods">
                <div class="goods_ing_box">
                    <img class="goodsImg" src="./image/goodsImg.png" alt="">
                    <img class="jiaobiao" src="./image/maichu.png" alt="">
                </div>
                <div class="goods_name_box">
                    <div class="goods_name">云茶之邦·大雪山紫祥菁</div>
                    <span class="goods_adress">弯润号</span>
                </div>
                <div class="chevron_right">
                    <!-- <img src="./image/chevron_right.png" alt=""> -->
                </div>
            </div>
        </div>
        <div class="goods_two">
            <div class="number">
                <div class="num1">
                    <div class="amount">36</div>
                    <div class="count">数量</div>
                </div>
                <div class="nums">
                    <div class="amount">¥5,600.00</div>
                    <div class="count">单价</div>
                </div>
                <div class="num3">
                    <div class="amount">+0.2%</div>
                    <div class="count">涨幅度</div>
                </div>
            </div>
            <div class="warehouse_list">
                <div class="warehouse_item">
                    <div class="en_code">T0WR10DW2018C1AA01</div>
                    <div class="warehouse_detail">
                        <div class="day">存仓天数: 30天</div>
                        <div class="detailed">明细&nbsp;&nbsp;
                            <img src="./image/chevron_right.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="warehouse_item">
                    <div class="en_code">T0WR10DW2018C1AA01</div>
                    <div class="warehouse_detail">
                        <div class="day">存仓天数: 30天</div>
                        <div class="detailed">明细&nbsp;&nbsp;
                            <img src="./image/chevron_right.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="warehouse_item bor_no">
                    <div class="en_code">T0WR10DW2018C1AA01</div>
                    <div class="warehouse_detail">
                        <div class="day">存仓天数: 30天</div>
                        <div class="detailed">明细&nbsp;&nbsp;
                            <img src="./image/chevron_right.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="toggle_box">
                <span>展开全部
                    <!--点击收起-->
                </span>&nbsp;&nbsp;
                <div class="zhankai">
                    <!--这个 zhankai 换成 shouqi 旋转图标-->
                    <img src="./image/zhankai.png" alt="">
                </div>
            </div>
            <div class="line"></div>
            <div class="goods_three">
                <div class="person_info">
                    <div class="person_left">买家姓名</div>
                    <div class="person_right">小柱子</div>
                </div>
                <div class="person_info">
                    <div class="person_left">产品总值</div>
                    <div class="person_right">¥1998.00</div>
                </div>
                <div class="person_info">
                    <div class="person_left">存仓费共计</div>
                    <div class="person_right red_color">-¥45.00</div>
                </div>
                <div class="person_info">
                    <div class="person_left">交易手续费</div>
                    <div class="person_right red_color">-¥5.00</div>
                </div>
                <div class="person_info">
                    <div class="person_left">存仓费优惠</div>
                    <div class="person_right">¥5.00</div>
                </div>
                <div class="person_info bor_no">
                    <div class="person_left">手续费优惠</div>
                    <div class="person_right">¥1.00</div>
                </div>
            </div>
            <div class="goods_three">
                <div class="person_info">
                    <div class="person_left">总计</div>
                    <div class="person_right">¥1942.00</div>
                </div>

                <div class="person_info">
                    <div class="person_left">交易时间</div>
                    <div class="person_right">2018.01.22 12:30</div>
                </div>
                <div class="person_info bor_no">
                    <div class="person_left">收款流向</div>
                    <div class="person_right">账户余额</div>
                </div>
            </div>
        </div>
        <div class="del_btn">
            删除
        </div>
    </div>
</body>

</html>